<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fall - Overview</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="container2">
<div class="div1">
    <button class="top-menu-button">2013<img class="bot-arrow1" src="images/bot-arrow.png" width="12" height="7"/></button>
    <button class="top-menu-button">Spring+2<img class="bot-arrow2" src="images/bot-arrow.png" width="12" height="7"/></button>
  <button class="top-menu-button" style="margin-right: 100px;">Overview<img class="bot-arrow3" src="images/bot-arrow.png" width="12" height="7"/></button>
  <span class="menu-upload"><img src="images/plus.png" width="20" height="22" align="absmiddle"/> Upload data</span>
  <span class="menu-upload"><img src="images/power.png" width="20" height="20" align="absmiddle"/> Logout</span>
  <span class="menu-seasonal">SEASONAL PULSE</span>
  </div>

    <div class="div2">
<span class="dashboard-data">DASHBORD DATA</span><span class="subheader"> :: <a href="#">2013</a> :: <a href="#">Spring</a> :: <a href="#">Summer</a> :: <a href="#">Fall</a> :: <a href="#">Overview</a></span></div>
	<div class="overview-links">
    <span class="overview-arrow"><a href="#"><</a></span>
    <span class="overview-link"><a href="#">Previous</a></span>
    <span class="overview-link"><a href="#">1 of 2</a></span>
    <span class="overview-link"><a href="#">Next</a></span>
	<span class="overview-arrow"><a href="#">></a></span>
</div>

	<div class="container2">
	<div>
  	  <table width="300" border="1" cellspacing="0" cellpadding="0" class="tablegenericleft" style="margin-left: 30px;">
  	    <tr>
  	      <td align="center" bgcolor="#f9f9f9" color="#909090" height="40px" class="tabletop">Triggers<img src="images/right-arrow.png" width="7" height="12" align="right" style="position:relative; top:2px; left:-10px; font-size:14pt; font-family:Helvetica, Arial, sans-serif"></td>
	      </tr>
  	    <tr>
  	      <td align="center" class="tableimg"><p class="tablesmall">Spring</p>
  	        <p>&nbsp;</p>
          <p><img src="images/image1.png" width="188" height="144" alt="Image1" align="center"></p>
          <p>&nbsp;</p>
          <p class="tablesmall">Summer</p>
          <p>&nbsp;</p>
          <p><img src="images/image1.png" width="188" height="144" alt="Image1" align="center"></p>
          <p>&nbsp;</p>
          <p class="tablesmall">Fall</p>
          <p>&nbsp;</p>
<p><img src="images/image1.png" width="188" height="144" alt="Image1" align="center"></p></td>
	      </tr>
	    </table>
        
        <table width="300" border="1" cellspacing="0" cellpadding="0" class="tablegeneric" style="padding: 0 20px 0 20px">
  	    <tr>
  	      <td align="center" bgcolor="#f9f9f9" color="#909090" height="40px" class="tabletop">Activities that represent the Season<img src="images/right-arrow.png" width="7" height="12" align="right" style="position:relative; top:2px; left:-10px; font-size:14pt; font-family:Helvetica, Arial, sans-serif"></td>
	      </tr>
  	    <tr>
  	      <td align="center" class="tableimg"><p class="tablesmall">Spring</p>
          <p>&nbsp;</p>            
          <p><img src="images/image2.png" width="188" height="144" alt="Image2"></p>
          <p>&nbsp;</p>
          <p class="tablesmall">Summer</p>
          <p>&nbsp;</p>
          <p><img src="images/image2.png" width="188" height="144" alt="Image2"></p>
          <p>&nbsp;</p>
          <p class="tablesmall">Fall</p>
          <p>&nbsp;</p>
          <p><img src="images/image2.png" width="188" height="144" alt="Image2"></p>
<p></p></td>
	      </tr>
	    </table>
        
        <table width="300" border="1" cellspacing="0" cellpadding="0" class="tablegeneric" style="padding: 0 20px 0 20px">
  	    <tr>
  	      <td height="40px" colspan="3" align="center" bgcolor="#f9f9f9" class="tabletop" color="#909090">Schedule Change<img src="images/right-arrow.png" width="7" height="12" align="right" style="position:relative; top:2px; left:-10px; font-size:14pt; font-family:Helvetica, Arial, sans-serif"></td>
	      </tr>
  	    <tr>
  	      <td align="center" class="tableimg-1col"><p class="tablesmallcenter">Spring</p></td>
  	      <td align="center" class="tableimg-2col"><p class="tablesmallcenter">Summer</p></td>
  	      <td align="center" class="tableimg-3col"><p class="tablesmallcenter">Fall</p></td>
	      </tr>
  	    <tr>
  	      <td colspan="3" align="center" class="tableimg" style="height:564px; vertical-align:top;"><img src="images/image7.png" width="275" height="256" alt="Image7"></td>
	      </tr>
	    </table>
        </div>
</div>

	<div class="container2">
  <div class="content" style="clear: both;">
  
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <hr>
    <p><span class="header-bot" style="padding-top: 20px;">SEASONAL PULSE</span></p>
  </div>
<!-- end .container --></div>
</body>
</html>
